$(function () {
    getuserMsg();
  
})
  //点击退出，跳转到登录界面----------------------------------------------------------
  $('.btn-leave').on('click', function () {
    //弹出提示框
    layer.confirm('确定退出吗？', { icon: 3, title: '提示' }, function (index) {
        //清除token
        localStorage.removeItem('token');
        //跳转到登录页面
       location.href='login.html';
        layer.close(index);

    })

})
    var layer = layui.layer;
//封装函数获取用户信息-----------------------------------------------------
function getuserMsg() {
    /* var tool= localStorage.getItem('token');
    console.log(tool) */
    $.ajax({
        type: "get",
        url: '/my/userinfo',
        //接口文档要求添加请求头，从本地存储里面找 token 
        //属性：值 用 {} 对象的形式
        // headers: { Authorization: localStorage.getItem('token') },
        success: function (res) {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message);
            }
            //渲染用户名和头像函数
            renderHeadAndName(res);
        }
    })
}

//定义渲染用户名和头像函数-------------------------------------------------------------
function renderHeadAndName(res) {
    // console.log(res);
    //获取用户信息
    var user = res.data;
    // {id: 2509, username: "chen123456", nickname: "", email: "", user_pic: null}
    //获取用户名 或者 昵称
    var uname = user.nickname || user.username;
    //设置用户名 放到span里面
    $('.usrename').html(uname);
    //判断有没有用户头像
    if (!user.user_pic) { //如果没有
        //去除用户字符的第一个字符，大写
        var firstOne = uname[0].toUpperCase();
        //隐藏图片
        $('.userImg').hide();
        //在span里显示首字母
        $('.notImg').html(firstOne);

    } else {  //如果有用户头像
        //直接显示到页面,传入img 的 scr
        $('.userImg').attr('src', user.user_pic);
        $('.userImg').show();
        //同时隐藏默认的图片
        $('.notImg').hide();
    }

}
